diff --git a/src/Internal/Model.elm b/src/Internal/Model.elm
index 909808a..0c03e76 100644
--- a/src/Internal/Model.elm
+++ b/src/Internal/Model.elm
@@ -2642,34 +2642,14 @@ renderStyle options maybePseudo selector props =
                         renderedProps =
                             List.foldl (renderProps False) "" props
                     in
-                    [ selector
-                        ++ "-fs:focus {"
+                    [ selector ++ "-fs:focus {" ++ renderedProps ++ "\n}"
+                    , ("." ++ classes.any ++ ":focus " ++ selector ++ "-fs  {")
                         ++ renderedProps
                         ++ "\n}"
-                    , "."
-                        ++ classes.any
-                        ++ ":focus ~ "
-                        ++ selector
-                        ++ "-fs:not(.focus)  {"
+                    , (selector ++ "-fs:focus-within {")
                         ++ renderedProps
                         ++ "\n}"
-                    , "."
-                        ++ classes.any
-                        ++ ":focus "
-                        ++ selector
-                        ++ "-fs  {"
-                        ++ renderedProps
-                        ++ "\n}"
-                    , selector
-                        ++ "-fs:focus-within {"
-                        ++ renderedProps
-                        ++ "\n}"
-                    , ".focusable-parent:focus ~ "
-                        ++ "."
-                        ++ classes.any
-                        ++ " "
-                        ++ selector
-                        ++ "-fs {"
+                    , (".focusable-parent:focus ~ " ++ "." ++ classes.any ++ " " ++ selector ++ "-fs {")
                         ++ renderedProps
                         ++ "\n}"
                     ]